<template>
  <div class="info">
    <div class="rightContent">
      <div class="Cheader">
        <span class="title">&nbsp;应用授权</span>
      </div>
      <div class="content">
        <div class="userInfo">
          <div class="righrUser">
            <div class="userContent">
              <img :src="weishouquan"/>
            </div>
            <div class="userContent1">
              <span>当前您未授权任何应用服务</span>
            </div>
            <div class="userContent2">
              <span  >去授权></span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
  import weishouquan from '@/assets/userMessage/weishouquan.png'
  export default {
    data() {
      return {
        weishouquan
      }
    }
  }
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
  .info{
    .configTop{
      width: 100%;
      height: 40px;
      .configTitle{
        font-size: 16px;
        color: #676A70;
        padding-left: 5px;
        border-left: 5px solid #25B6C7;
        height: 16px;
      }
    }
    .rightContent{
      width: 90%;
      height: 900px;
      margin-left: 200px;
      /*float: right;*/
      .Cheader {
        width: 100%;
        height: 60px;
        line-height: 60px;
        border-bottom: 1px solid #E7E7E7;
        .title {
          border-left: 5px solid #25B6C7;
        }
      }
      .content{
        width:100%;
        height: 600px;
        .userInfo{
          width: 400px;
          height: 120px;
          margin: 40px auto;
          .righrUser{
            .userContent{
              width: 400px;
              height: 120px;
              text-align: center;
            }
            .userContent1{
              width: 400px;
              height: 40px;
              font-size:18px;
              font-family:MicrosoftYaHeiLight;
              font-weight:300;
              color:rgba(105,114,126,1);
              line-height:40px;
              cursor: pointer;
              text-align: center;
            }
            .userContent2{
              width: 400px;
              height: 40px;
              font-size:12px;
              text-align: center;
              font-family:MicrosoftYaHei;
              font-weight:400;
              color:rgba(37,183,200,1);
              line-height:20px;
              cursor: pointer;
            }
          }
        }
      }
    }
  }

</style>
